<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>用户登录</title>
		<style>
			body{
				background-color:#6699F4;
			}
			.loginDiv{
				width:550px;
				height:530px;
				background-color:white;
				margin:0 auto;/*让div整体居中*/
				margin-top:80px;/*外部上边距*/
				text-align:center;/* 文字居中 */
				padding-top:20px;/* 调整顶部内边距 */
			}
			.loginInput{
				width:426px;
				height:55px;
				font-size: 20px;
				border-radius: 5px;
				border: 1px solid darkgray;
				margin-bottom: 20px;
				padding-left: 30px;
				background-color: transparent;/* 让文本框的背景透明 */
				margin-left: -33px;
			}
			.loginBtn{
				width:455px;
				height:55px;
				background-color:#FF6B4D;
				border: none;/* 去掉边框 */
				border-radius:5px;/*弧度*/
				margin-top:10px;/*按钮顶部外边距*/
				color:white;/*字体颜色*/
				font-size:20px;/*字体大小*/
				margin-bottom:30px;/*按钮底部外边距*/
				text-decoration:none;
			}
			.thirdLogin{
				margin-top: 5px;
			}
			.logpic{
				margin-left: 10px;
			}
		</style>
	<body>
		<div class="loginDiv">
			<!-- 这是放LOGO的div -->
			<div>
				<img src="../img/tit.png" width="300px">
			</div>
			<h2>毕业设计管理系统</h2>
			<div>
				<img src="../img/user.png" width="30px"><input class="loginInput" type="text" placeholder="请输入姓名！"><br>
				<img src="../img/password.png" width="30px"><input class="loginInput" type="passwd" placeholder="请输入密码！"><br>
				<button class="loginBtn"><a class="loginBtn" href="http://www.tit.edu.cn">登录</a></button><br>
			</div>
			<!-- 这里放第三方登录 -->
			<div class="thirdLogin">
				<img class="logpic" src="../img/weixin.png">
				<img class="logpic" src="../img/qq.png">
				<img class="logpic" src="../img/weibo.png">	
			</div>
			<div style="font-size: 12px;line-height: 20px;margin-top: 15px;">
				技术支持：太原工业学院<br />
				开发者：张静 192088202 理学系
			</div>	
		</div>
	
	</body>
</html>
